﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>index</title>
    <meta name="http-equiv" content="Content-type: text/html; charset=UTF-8"/>
    <!--Estilos ********************************************************************************-->
    <link rel="stylesheet" type="text/css" href="styles/index.css" />
    <link rel="stylesheet" type="text/css" href="styles/inicio.css" />
    <link rel="stylesheet" type="text/css" href="styles/userPage.css" />
    <link rel="stylesheet" type="text/css" href="styles/rolPage.css" />
    <link rel="stylesheet" type="text/css" href="styles/catalogos.css" />
    <link rel="stylesheet" type="text/css" href="styles/paginaDeError.css" />
    <link rel="stylesheet" type="text/css" href="styles/jquery.dataTables.css" />
    <!--Librerias ********************************************************************************-->
    <script type="text/javascript" src="Scripts/jquery/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="Scripts/jquery/jquery.dataTables-1.9.2.js"></script>
    <script type="text/javascript" src="Scripts/closure/closure-library/closure/goog/base.js"></script>
    <!--Scripts ********************************************************************************-->
    <script type="text/javascript" src="Scripts/imc.GoogRequire.js"></script>
    <script type="text/javascript" src="Scripts/imc.Site.js"></script>
    <script type="text/javascript" src="Scripts/imc.GifLoader.js"></script>
    <!--Scripts Artículos *********************-->
    <script type="text/javascript" src="Scripts/imc.ui.ArtArticulo.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.ArtCategoria.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.ArtEquipo.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.ArtMarca.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.ArtModelo.js"></script>
    <!--Scripts Catálogos *********************-->
    <script type="text/javascript" src="Scripts/imc.ui.CatBanco.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.CatDepartamento.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.CatEmpresa.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.CatMedioEnvio.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.CatMoneda.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.CatProveedor.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.CatProveedorCuenta.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.CatProyecto.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.CatTerminoEnvio.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.CatTipoCotizacion.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.CatTipoPedimento.js"></script>
    <!--Scripts User Interface *******************-->
    <script type="text/javascript" src="Scripts/imc.ui.Page.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.Document.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.Login.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.ActionBar.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.Nav.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.UserPage.js"></script>
    <script type="text/javascript" src="Scripts/imc.ui.RolPage.js"></script>
    <script type="text/javascript" src="Scripts/imc.data.User.js"></script>
    <script type="text/javascript" src="Scripts/imc.data.Rol.js"></script>
    <script type="text/javascript" src="Scripts/imc.Inicio.js"></script>
    <script type="text/javascript" src="Scripts/imc.Compras.js"></script>
    <script type="text/javascript" src="Scripts/imc.Reportes.js"></script>
    <script type="text/javascript" src="Scripts/imc.CharCounter.js"></script>
    <!--Estilos Closure Library ****************************************************************-->
    <link rel="stylesheet" type="text/css" href="Scripts/closure/closure-library/closure/goog/css/dialog.css" />
    <link rel="stylesheet" type="text/css" href="Scripts/closure/closure-library/closure/goog/css/menubutton.css">
    <link rel="stylesheet" type="text/css" href="Scripts/closure/closure-library/closure/goog/css/menu.css">
    <link rel="stylesheet" type="text/css" href="Scripts/closure/closure-library/closure/goog/css/menuitem.css">
    <link rel="stylesheet" type="text/css" href="Scripts/closure/closure-library/closure/goog/css/menuseparator.css">
    <link rel="stylesheet" type="text/css" href="Scripts/closure/closure-library/closure/goog/css/flatmenubutton.css">
</head>
<body>
<div id="loading">
    <img src="Images/loading.gif" style="margin-left: 20px; margin-top: 10px;">
    <p style="margin-left: 15px; margin-top: 5px;">Cargando...</p>
</div>
<div id="header" class="col">
    <div id="Logo">
        <p style="margin-top:8px;">ELR-Tracking-WEB</p>
    </div>
    <div id="auth">
        <label style="color:gray;">Usuario:</label><label style="color: #000000;" id="indexUsuario"></label><br />
        <label style="margin-left:33px;color:gray; ">Rol:</label>
    </div>
    <div id="notificaciones">
        <p>0</p>
    </div>
    <a href="#/u/home"><div class="anchor" style="margin-left:100px;">
        <label>Inicio</label><br />
        <img src="images/home.png" width="30" height="30" style="margin-top: 3px;"/>
    </div></a>
    <a href="#/u/Compras"><div class="anchor">
        <label>Compras</label><br />
        <img src="images/carrito.png" width="30" height="30" style="margin-top: 3px;"/>
    </div></a>
    <a href="#/u/Reportes"><div class="anchor">
        <label>Reportes</label><br />
        <img src="images/archivos-1.png" width="30" height="30" style="margin-top: 3px;"/>
    </div></a>
    <a href="#/u/Catalogos/Articulo"><div class="anchor">
        <label>Catálogos</label><br />
        <img src="images/archivos-2.png" width="30" height="30" style="margin-top: 3px;"/>
    </div></a>
    <a href="#/u/Configuracion/Usuarios"><div class="anchor">
        <label>Configuración</label><br />
        <img src="images/configuracion.png" width="30" height="30" style="margin-top: 3px;"/>
    </div></a>
</div>

<div id="izq" class="col"></div>

<div id="der" class="col scroll-x"></div>
<script type="text/javascript">
    Site.history();
    var gif = new imc.GifLoader();

    //var objeto = new imc.ui.Document();
    //console.log(objeto instanceof imc.ui.Page); // true
    //console.log(objeto instanceof imc.ui.Document); // true
    function getCookie(c_name)
    {
        var i,x,y,ARRcookies=document.cookie.split(";");
        for (i=0;i<ARRcookies.length;i++)
        {
            x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
            y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
            x=x.replace(/^\s+|\s+$/g,"");
            if (x==c_name)
            {
                return unescape(y);
            }
        }
    }
    var username=getCookie("username");
    if (username!=null && username!="")
    {
        $('#indexUsuario').html(username);
    }
</script>
</body>
</html>
